.LandingPage {
  $content-width: 378px;
  $btnGroup-width: 358px;
  $center-width: 308px;
  height: 100vh;
  background: url('./static/bg.png') no-repeat center center;
  background-size: cover;
  /* 兼容苹果设备，避免 fixed 问题 */
  background-attachment: scroll;
  /* 隐藏滚动条 */
  overflow: auto;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;

  /* IE 10+ */
  .LandingPage-content  {

    margin: 0 auto;
    img
    {
      width: 100%;
    }
    &.headImg
    {

      width: $content-width;
    }
    &.centerImg
    {
      width: $center-width;
    }
  }

  .LandingPage-buttons {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: $btnGroup-width;
    margin: 0 auto ;
    background-color: #fff;
    padding: 16px;
    border-radius: 16px;

    .LandingPage-btn {
      padding: 16px 0;
      font-size: 18px;
      border: none;
      border-radius: 12px;
      background: linear-gradient(90deg, #FFB347 0%, #FF7E3F 100%);
      color: #fff;
      font-weight: 600;
      cursor: pointer;
      box-shadow: 0 2px 8px rgba(255, 126, 63, 0.08);
      transition: transform 0.1s;

      &:active {
        transform: scale(0.97);
      }
    }
  }


  .LandingPage-modal-mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.25);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    .LandingPage-modal {
      background: #fff;
      border-radius: 16px;
      padding: 32px 24px 24px 24px;
      width: 80vw;
      min-height: 90vw;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
      text-align: center;
      display: flex;
      flex-direction: column;
      .title
      {
        font-size: 20px;
        margin-bottom: 16px;
      }
      .qrcode
      {
        height: 0;
        flex: 1;
        img
        {
          width: 100%;
        }
      }
    }

  }


  &::-webkit-scrollbar {
    display: none;
    /* Chrome/Safari/Webkit */
  }

}

//@supports (-webkit-touch-callout: none) {
//  .LandingPage {
//    background-attachment: scroll !important;
//  }
//}